<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title>太极</title>
		<script src="ruler.js"></script>
		<script src="taijiball.js"></script>
		<script src="taiji.js"></script>
    </head>

    <body>
        <canvas width="1000" height="800" id="canvas" style="display: block;"></canvas>
		<script>
			var canvas = null;
			var ctx = null;
			var taijis = [];
			canvas = document.getElementById("canvas");
			ctx = canvas.getContext("2d");
			drawRuler("canvas");
			//ctx.globalCompositeOperation="destination-over";
			
			taijiCanvas.initial("canvas", [[100, 300, 300, 0]]);
			taijiCanvas.initial("canvas", [[100, 100, 100, 0], [100, 500, 500, 0]]);
		</script>
    </body>

</html>